import React from 'react'
import Tabs from '../../component/Tabs/Tabs'
import './css/Tabs_Demo.css'

/* 页签demo */
class Tabs_Demo extends React.Component {
    constructor(props) {
        super(props)
        this.state = {}
    }

    datas = [
        {
            text: '列表展示',
            value: 0
        },{
            text: '等值面',
            value: 1
        },{
            text: '电压数据',
            value: 2
        },
    ];

    click = (item, index) => {
        console.log(item, index);
    }

    config = {
        // color: '#FFF',
        type: 'card',
         color: '#D6EBFF'
    }

    render() {
        const {datas} = this;

        return (
            <div className='Tabs_Demo'>
                <Tabs dataSource={this.datas} onClick={this.click} config={this.config} />
            </div>
        )
    }
}

export default Tabs_Demo
